<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>合拍街</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
</head>

<body>
<header id="header">
    <a href="../index.html" class="iconfont fl">&#xe63f;</a>
    <div class="title">日系小清新</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content">
    <div class="theme-card">
        <div class="clearfix">
            <div class="fl theme-card-img">
                <img src="../images/user.png">
            </div>
            <div class="fl theme-card-info clearfix">
                <div class="theme-card-title">日系小清新<a class="fr" href="">+ 关注</a></div>
                <div class="theme-card-introduce">私房作品分享，约拍。私房作品分享，约拍私房作品，约拍。私房作品分享</div>
            </div>
        </div>
        <div class="theme-card-data clearfix">
            <span class="time fl">创建时间：2017-02-25</span>
            <span class="fl"><span class="follow-color">326</span>关注</span>
            <span class="fr"><span class="yuepai-color">63</span>条约拍</span>
        </div>
        <div class="theme-card-operation clearfix">
            <div class="fl">
                <a href="../ranking/code.html"><img src="../skin/xhdpi/qrcode.png" alt="">分享主题</a>
            </div>
            <div class="fr">
                <a class="shoot" href="../find/release.html">发布约拍</a>
                <a class="opus" href="../find/release.html">发布作品</a>
            </div>
        </div>
    </div>
    <div class="theme-card">
        <div class="title">
            <h4>摄影作品</h4>
        </div>
        <div class="theme-card-list">
            <ul class="clearfix">
                <li>
                    <a href="member.html">
                        <img src="../images/img1.jpg">
                    </a>
                </li>
                <li>
                    <a href="member.html">
                        <img src="../images/img1.jpg">
                    </a>
                </li>
                <li>
                    <a href="member.html">
                        <img src="../images/img1.jpg">
                    </a>
                </li>
                <li>
                    <a href="member.html">
                        <img src="../images/img1.jpg">
                    </a>
                </li>
                <li>
                    <a href="member.html">
                        <img src="../images/img1.jpg">
                    </a>
                </li>
                <li>
                    <a href="member.html">
                        <img src="../images/img1.jpg">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<footer id="footer" class="foot">
    <ul>
        <li class="active">
            <a class="home" href="../index.html">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a class="find" href="../find/index.html">
                <p>发现</p>
            </a>
        </li>
        <li>
            <a class="camera" href="../ranking/index.html">
                <p>合拍榜</p>
            </a>
        </li>
        <li>
            <a class="person" href="../user/user_login.html">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
<!--<div id="go-top" class="go-top">
<a href="javascript:goTop();" class="iconfont">&#xe610;</a>
</div>-->
</body>

<!--回到顶部-->
<script type="text/javascript">
    var $top = $('#go-top');
    $(window).bind('scroll', function () {
        var $this = $(this);
        if ($this.scrollTop() > 360) {
            $top.show();
        } else {
            $top.hide();
        }
    });

    function goTop() {
        $('html,body').animate({
            scrollTop: 0
        }, 400)
    }
</script>

</html>